/*重置属性*/

 .display-hide{display: none;}

.flex-container{display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%;}
.flex-pull-center{display: flex; justify-content: center;}
.flex-display{display: flex;}
.flex-nowrap{flex-wrap: nowrap;}
.flex-column{flex-direction: column;}
.flex-row{flex-direction: row;}


.flex-container{display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%;}
.flex-column{display: flex; flex-direction: column;}
.flex-column-center{display: flex; flex-direction: column; justify-content: center;}
.flex-column-dcenter{display: flex; flex-direction: column; justify-content: center; align-items: center;}
.flex-column-between{display: flex; flex-direction: column; justify-content: space-between;}
.flex-row-dcenter{display: flex; flex-direction: row; justify-content: center; align-items: center;}
.flex-row-center{display: flex; flex-direction: row; align-items: center;}
.flex-row-end{display: flex; flex-direction: row; align-items: flex-end;}
.flex-row-between{display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.flex-row{display: flex; flex-direction: row;}
.flex-display{display: flex;}
.flex-nowrap{flex-wrap: nowrap;}
.flex-one{flex: 1;}
.flex-1{flex: 1;}
.flex-2{flex: 2;}
.flex-3{flex: 3;}
.flex-4{flex: 4;}
.flex-5{flex: 5;}

.align-flex-center{align-items: center;}
.align-flex-start{align-items: flex-start;}
.align-flex-end{align-items: flex-end;}

.width-auto{width: auto!important;}
.width-100{width: 100%;}
.width-90{width: 90%;}
.width-80{width: 80%;}
.width-70{width: 70%;}
.width-60{width: 60%;}
.width-50{width: 50%;}
.width-40{width: 40%;}
.width-30{width: 30%;}
.width-20{width: 20%;}
.width-10{width: 10%;}
.height-auto{height: auto!important;}
.height-100{height: 100%;}
.height-w100{height: 100vw;}
.height-w90{height: calc(100vw * 0.9);}
.height-w80{height: calc(100vw * 0.8);}
.height-w70{height: calc(100vw * 0.7);}
.height-w60{height: calc(100vw * 0.6);}
.height-w50{height: calc(100vw * 0.5);}
.height-w40{height: calc(100vw * 0.4);}
.height-w30{height: calc(100vw * 0.3);}
.height-w20{height: calc(100vw * 0.2);}
.height-w10{height: calc(100vw * 0.1);}
.scope-100{width: 100%; height: 100%;}



.font-size20{font-size: 2rem;}
.font-size19{font-size: 1.9rem;}
.font-size18{font-size: 1.8rem;}
.font-size17{font-size: 1.7rem;}
.font-size16{font-size: 1.6rem;}
.font-size15{font-size: 1.5rem;}
.font-size14{font-size: 1.4rem;}
.font-size13{font-size: 1.3rem;}
.font-size12{font-size: 1.2rem;}
.font-size11{font-size: 1.1rem;}
.font-size10{font-size: 1rem;}
.font-size09{font-size: 0.9rem;}
.font-size08{font-size: 0.8rem;}
.font-size07{font-size: 0.7rem;}
.font-size06{font-size: 0.6rem;}

.line-height08{line-height: 0.8rem !important;}
.line-height09{line-height: 0.9rem !important;}
.line-height10{line-height: 1rem !important;}
.line-height11{line-height: 1.1rem !important;}
.line-height12{line-height: 1.2rem !important;}
.line-height13{line-height: 1.3rem !important;}
.line-height14{line-height: 1.4rem !important;}
.line-height15{line-height: 1.5rem !important;}

.height-rem10{height: 1rem !important;}
.height-rem11{height: 1.1rem !important;}
.height-rem12{height: 1.2rem !important;}
.height-rem13{height: 1.3rem !important;}
.height-rem14{height: 1.4rem !important;}
.height-rem15{height: 1.5rem !important;}
.height-rem16{height: 1.6rem !important;}
.height-rem17{height: 1.7rem !important;}
.height-rem18{height: 1.8rem !important;}
.height-rem19{height: 1.9rem !important;}
.height-rem20{height: 2rem !important;}
.height-rem21{height: 2.1rem !important;}
.height-rem22{height: 2.2rem !important;}

.border-none{border: none;}
.border-radius03{border-radius: 0.3rem;}
.border-radius-left03{border-top-left-radius: 0.3rem !important; border-bottom-left-radius: 0.3rem !important;}
.border-radius-right03{border-top-right-radius: 0.3rem !important; border-bottom-right-radius: 0.3rem !important;}

.boder-top-light{border-top: : 1px solid #f8f9fa}
.boder-bottom-light{border-bottom: : 1px solid #f8f9fa}
.boder-left-light{border-left: 1px solid #f8f9fa}
.boder-right-light{border-right: : 1px solid #f8f9fa}

.boder-top-white{border-top: : 1px solid #fff}
.boder-bottom-white{border-bottom: : 1px solid #fff}
.boder-left-white{border-left: 1px solid #fff}
.boder-right-white{border-right: : 1px solid #fff}


.z1-index{z-index: 1;}
.z2-index{z-index: 2;}
.z3-index{z-index: 3;}
.z4-index{z-index: 4;}
.z5-index{z-index: 5;}


.pull-left {float: left;}
.pull-right {float: right;}

.image-center{max-width: 100%; max-height: 100%;}
/*.image-center{display: flex !important; align-items: center;}*/
.image-pave{display: flex !important; justify-content: center;}

.clear-both{clear: both;}
.clear-padding{padding: 0px !important;}
.width-full{width: 100%;}

.fixed-totop{position: fixed; left: 0; top: 0;}
.fixed-tobottom{position: fixed; left: 0; bottom: 0;}


.form-control-inline {display: inline; width: 70%; padding: 0.375rem 0.375rem;  /*padding: 0.375rem 0.75rem;*/ font-size: 1rem; line-height: 1.5;
  color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 0.25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;}

.text-flex-multis{display: flex; flex-direction: row; justify-content: flex-start; align-items: center; overflow: hidden; word-break: break-all;}
.text-line2-ellipsis{display: -webkit-box; display: -moz-box; white-space: pre-wrap; word-wrap: break-word; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp:2; text-align: center;}
.text-input-span{margin-top: -0.1rem; height: 100%; text-align:left; border: none; background: rgba(0,0,0,0);}

.overflow-ellipsis{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.popup-prompt-box{display: none; width: auto; color: red; text-align: center;}

/*.text-pink{color: #f92472;}*/
.text-pink0{color: #ac80ff;}
.text-pink{color: #e83e8c !important;}
.text-teal{color: #20c997 !important;}
.text-orange{color: #fd7e14 !important;}
.text-white{color: #fff !important;}
.text-red{color: #ff0000 !important;}
.text-gray{color: #6c757d !important;}

.bg-pink0 {  background-color: #ac80ff !important;}
.bg-appends {  background-color: #d9534f !important;}
.bg-none {background: rgba(0,0,0,0) !important;}

button.bg-none:hover, button.bg-none:focus {background: rgba(0,0,0,0) !important;}

.text-nowrap{white-space: nowrap;}
.text-ellipsis{white-space: nowrap; text-overflow:ellipsis; word-break: keep-all; overflow: hidden;}